<template>
  <div class="search-main">
    <el-dialog
      title="Search"
      :visible.sync="dialogVisible"
      width="50%"
      :before-close="handleClose"
    >
    <!-- 关键字 -->
    <div class="keyword">
        <el-input v-model="keyword" placeholder="输入关键字...."></el-input>
    </div>
    <!-- 查询列表 -->
    <div class="serach-list">

    </div>
    </el-dialog>
  </div>
</template>

<script>
import articleList from "@/components/articleList.vue";
export default {
  components: {
    articleList,
  },
  name: "search",
  data() {
    return {};
  },
  created() {},
  // 创建一个过滤器
  filters: {},
  methods: {},
};
</script>

<style>
.search-main {
  width: 80%;
  margin: 80px auto;
  min-height: 280px;
}
</style>
